/**
 * Created by shuhongji on 2017/7/14.
 */
//banner脚本
$(function () {
    var index = 0;
    function changeImge (index) {
        var imges = $(".banner-box").children();
        var circles = $(".runCircle").children();
        imges.addClass("hide");
        circles.removeClass("current-circle");
        $(imges[index]).removeClass("hide");
        $(circles[index]).addClass("current-circle");
    }

    var int = setInterval(function () {
        index++;
        if(index >= 5){
            index=0;
        }
        changeImge(index);
    },5000);

    function init () {
        console.log("开始初始化");
        var circles = $(".runCircle").children();
        for(var i = 0 ; i < circles.length ; i++){
            $(circles[i]).click(function () {
                var number = this.getAttribute("data-value");
                console.log("点击了圆点，number=" + number);
                index = number;
                changeImge(number);
            });
        }
        $(".banner-box").mouseover(function () {
            clearInterval(int);
            console.log("计时器停止");
        });

        $(".banner-box").mouseout(function () {
            int = setInterval(function () {
                index++;
                if(index >= 5){
                    index=0;
                }
                changeImge(index);
            },5000);
            console.log("计时器重新启动");
        });

        $(".runCircle").mouseover(function () {
            clearInterval(int);
            console.log("计时器停止");
        });

        $(".front").click(function () {
            $(this).addClass("select");
            $(".behind").removeClass("select");
            $(".hot1").removeClass("hide");
            $(".hot2").addClass("hide");
        });

        $(".behind").click(function () {
            $(this).addClass("select");
            $(".front").removeClass("select");
            $(".hot2").removeClass("hide");
            $(".hot1").addClass("hide");
        });

    }
    init();
})



//数据绑定脚本
$(function () {
    // var url = "";
    // $.ajax({
    //     type:get,
    //     url:url,
    //     dataType:'json',
    //     success:function (data) {
    //         getData(data);
    // },
    //     error:function () {
    //         alert("请求失败");
    //         return null;
    //     }
    // });

    function getData(data) {
        var hot1 = $(".hot1 li a");
        console.log(hot1)
        var hot2 = $(".hot2 li a");
        for(var i = 0; i < 16; i++){
            if (i < 8){
                hot1[i].childNodes[1].src = "";
                hot1[i].childNodes[3].childNodes[1].innerText = "修改后的内容" + i;
            }else{
                hot2[i-8].childNodes[1].src = "";
                hot2[i-8].childNodes[3].childNodes[1].innerText = "修改后的内容" + i;
            }
        }
    }


})